﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="aboutTitle" ContentPlaceHolderID="TitleContent" runat="server">
    About Us
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        
            <h1 class="first">Bienvenido a EncuestaTron</h1>
            <div class="photo-container align-left" style="width:202px;">
                <div class="photo-content"> <img src="../../Content/images/photo-small-01.jpg" alt="Photo Small 1" /> </div>
                <div class="photo-caption">Seriedad es nuestro compromiso</div>
            </div>
            <p>EncuestaTron lo introduce al fantástico mundo de las encuestas OnLine.</p>
            <ul>
                <li>Rápido.</li>
                <li>Seguro.</li>
                <li>Confiable.</li>
                <li>Económico.</li>
            </ul>
            <div class="photo-container align-right" style="width:202px;">
                <div class="photo-content"> <img src="./Content/images/photo-small-02.jpg" alt="Photo Small 2" /> </div>
                <div class="photo-caption">Miles de encuestas a su alcance</div>
            </div>
            <p> Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. </p>
            <p>Maecenas scelerisque, orci vel lobortis pharetra, mauris tortor tempor ligula, a fringilla lectus elit at arcu. Morbi vel felis. Pellentesque mattis ipsum ut risus. Cras fringilla laoreet diam. Cras eu enim et risus porttitor tristique. Vestibulum ac lacus in erat laoreet rutrum. Sed mi arcu, auctor ut, mattis vel, molestie at, tortor. Donec faucibus, erat id ullamcorper iaculis, lorem magna lacinia dolor, vel feugiat arcu lectus ut justo. Duis felis dui, varius id, consequat ac, tincidunt eu, ligula. Integer eu mi. Aenean laoreet, nisi eu varius hendrerit, libero magna tempor nulla, quis hendrerit est turpis non nunc. Morbi luctus mi et lorem. Aenean interdum, elit eget dignissim sodales, diam mi imperdiet risus, id porta sapien elit nec arcu. In neque arcu, aliquam at, tempor ut, scelerisque eu, sem. Aliquam vel metus. Cras augue. Donec leo orci, bibendum in, posuere at, dapibus eget, diam. Pellentesque quis odio at felis ullamcorper dignissim. Nam nunc. Cras hendrerit scelerisque diam.</p>
            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="data-table">
                <caption>
                &lt;caption&gt; Table Caption
                </caption>
                <tr>
                    <th scope="col">&lt;th&gt; Heading </th>
                    <th scope="col">&lt;th&gt; Heading</th>
                    <th scope="col">&lt;th&gt; Heading</th>
                    <th scope="col">&lt;th&gt; Heading</th>
                </tr>
                <tr>
                    <th scope="row">&lt;th&gt; Heading</th>
                    <td>content</td>
                    <td>content</td>
                    <td>content</td>
                </tr>
                <tr class="row-alternating">
                    <th scope="row">&lt;th&gt; Heading</th>
                    <td>content</td>
                    <td>content</td>
                    <td>content</td>
                </tr>
                <tr>
                    <th scope="row">&lt;th&gt; Heading</th>
                    <td>content</td>
                    <td>content</td>
                    <td>content</td>
                </tr>
                <tr class="row-alternating">
                    <th scope="row">&lt;th&gt; Heading</th>
                    <td>content</td>
                    <td>content</td>
                    <td>content</td>
                </tr>
            </table>
            <div class="three-column-container">
                <div class="three-column-left">
                    <h3>&lt;h3&gt; Header</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                </div>
                <div class="three-column-middle">
                    <h3>&lt;h3&gt; Header</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                </div>
                <div class="three-column-right">
                    <h3>&lt;h3&gt; Header</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                </div>
                <div class="clear"></div>
            </div>
            <fieldset>
            <legend>&lt;legend&gt; Legend</legend>
            <label for="name">&lt;label&gt; Label </label>
            <input class="input-box" name="name" id="name" type="text" size="50" />
            <label for="email">&lt;label&gt; Label </label>
            <input class="input-box" name="email" id="email" type="text" size="50" />
            <label for="notesfield">&lt;label&gt; Label </label>
            <textarea class="input-box" name="notesfield" cols="50" rows="4" id="notesfield"></textarea>
            <label for="favmag1">&lt;label&gt; Label </label>
            <select id="favmag1" name="favmag1" >
                <option value="0" selected="selected">- - Select your favorite magazine - - </option>
                <optgroup label="General Computer Magazines">
                <option value="1">Computer A Magazine</option>
                <option value="2">Computer B Magazine</option>
                <option value="3">Computer C Magazinee</option>
                </optgroup>
                <optgroup label="Software Magazines">
                <option value="5">Software A Magazine</option>
                <option value="6">Software B Magazine</option>
                <option value="7">Software C Magazine</option>
                </optgroup>
                <optgroup label="Hardware Magazine">
                <option value="8">Hardware A Magazine</option>
                <option value="9">Hardware B Magazinek</option>
                <option value="10">Hardware C Magazine</option>
                </optgroup>
            </select>
            <fieldset>
            <legend>Lorem ipsum dolar</legend>
            <label class="no-margin" for="radio1">
            <input class="inline" type="radio" name="radio" id="radio1" title="&lt;label&gt; Label" checked="checked"  />
            &lt;label&gt; Label </label>
            <label class="no-margin" for="radio2">
            <input class="inline" type="radio" name="radio" id="radio2" title="&lt;label&gt; Label"  />
            &lt;label&gt; Label </label>
            <label class="no-margin" for="radio3">
            <input class="inline" type="radio" name="radio" id="radio3" title="&lt;label&gt; Label"  />
            &lt;label&gt; Label </label>
            </fieldset>
            <div class="checkbox">
                <label class="no-margin" for="check1">
                <input class="inline" title="Subscribe" type="checkbox" name="check1" id="check1" value=""  />
                &lt;label&gt; Label </label>
            </div>
            <input class="button button-big" name="Submit" type="button" value="Submit"  />
            <input class="button button-big" name="Submit2" type="reset" value="Reset" />
            </fieldset>

</asp:Content>

